import React, { memo } from "react";
import { Carousel, Image } from "antd";
import img1 from "../../assets/img/carousel_1.jpg";
import img2 from "../../assets/img/carousel_2.jpg";
import img3 from "../../assets/img/carousel_3.jpg";
import { CarouselContainer } from "./style";
const BannerCarousel = memo(() => {
  return (
    <CarouselContainer>
      <Carousel autoplay>
        <Image src={img1}></Image>
        <Image src={img2}></Image>
        <Image src={img3}></Image>
      </Carousel>
    </CarouselContainer>
  );
});

export default BannerCarousel;
